<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>Title</title>
    <meta charset="UTF-8">
    <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101450291" data-callback="true" charset="utf-8"></script>
</head>
<body>
<div id="abcd"></div>
<script type="text/javascript">
    QC.Login({
        btnId:"abcd"    //插入按钮的节点id
    }, function(reqData, opts){//登录成功
            //根据返回数据，更换按钮显示状态方法
            var dom = document.getElementById(opts['btnId']),
                _logoutTemplate=[
                    //头像
                    '<span><img src="{figureurl}" class="{size_key}"/></span>',
                    //昵称
                    '<span>{nickname}</span>',
                    //退出
                    '<span><a href="javascript:QC.Login.signOut();">退出</a></span>'
                ].join("");
            dom && (dom.innerHTML = QC.String.format(_logoutTemplate, {
                nickname : QC.String.escHTML(reqData.nickname), //做xss过滤
                figureurl : reqData.figureurl
            }));
        QC.Login.getMe(function(openId, accessToken){
           alert(openId)
            //ajax请求controller吧openId，nickname，figureurl
        })
        }, function(opts){//注销成功
            alert('QQ登录 注销成功');
        }
    );
</script>
</body>
</html>
